<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>2020-02-06</title>
</head>
<body>
<div>
<!--    <h2>倒计时还有： <span id="numSpan"></span> 秒</h2>-->
<!--    <button onclick="endTimeout()">终止</button>-->

</div>
<script>
    // 函数作为参数传入时，不加括号表示引用，仅是寻找函数体本身。加括号表示运行结束后还有返回值。
    //
    // 定时器：setInterval 和 setTimeout
    // - setInterval是重复调用，setTimeout是倒计时，前面加clear可以终止
    // - 它们的第一个参数（function）的函数不能有返回值，所以仅能用匿名函数或不加括号
    // - 特别的，setInterval是先等待N毫秒再执行函数，要考虑实际显示的先后
    // function show(num) {
    //     document.getElementById("numSpan").innerHTML = num;
    //     console.log("debug:" + new Date());
    // }
    //
    // function boom() {
    //     clearInterval(showInterval);
    //     //alert();
    // }
    //
    // function endTimeout() {
    //     clearInterval(showInterval);
    //     clearTimeout(boomTimeout);
    // }
    //
    // let timeNum = 5;
    // document.getElementById("numSpan").innerHTML = (timeNum).toString();
    // let showInterval = setInterval(function () {
    //     show(--timeNum);
    // }, 1000);
    // let boomTimeout = setTimeout(boom, 1000 * timeNum);

    //随机数Math.random()，[0,1)，左闭右开
    // let range = 10;
    // for (let i = 0; i < 1; i++) {
    //     let randomNum = Math.floor(Math.random()*range);
    //     document.write(randomNum+"<br>");
    // }

    // 字符串相关操作
    // ① lastIndexOf()和indexOf()
    // - lastIndexOf() 返回最后出现的子串的（首字符）位置。
    // - 若有第二个参数，indexOf(str,num)从num下标顺序找。lastIndexOf(str,num)从num下标往0下标反向找！
    let str = "The Times 03/Jan/2009 Chancellor on brink of second bailout for banks.";
    document.write("str = "+str+"<br>");
    document.write("str.indexOf(\"s\") => "+str.indexOf("s").toString()+"<br>");
    document.write("str.lastIndexOf(\"s\") => "+str.lastIndexOf("s").toString()+"<br>");
    document.write("str.indexOf(\"s\",50) => "+str.indexOf("s",50).toString()+"<br>");
    document.write("str.lastIndexOf(\"s\",50)=> "+str.lastIndexOf("s",50).toString()+"<br>");
    //② substr() 第二个参数是截取长度，substring() 则是截取尾下标
    document.write("str.substr(1,8) => "+str.substr(1,8)+"<br>");
    document.write("str.substring(1,8) => "+str.substring(1,8)+"<br>");
    //③ string.split()，没有e，和Array.join是反操作
</script>
</body>
</html>